﻿body 
{
    font-size:14px;
    font-family:Arial;
    background-color:#e7e7e7;
    padding:0;
    margin:0;
}

a{ font-size:16px; text-decoration:none; color:#83a2a5; }
a:hover{ color:#275458; }

.form{
    border:1px solid #000;
    width:260px;
    background-color:#fff;
}

.form span{ margin-right:10px; }

input{
    border:1px solid #888;
    width:200px;
}

input:hover{
    background-color:#CCFFFF;
}

select{ width:200px; border:1px solid #888; }

.button input{
    border:1px solid #888;
    background-color:#eee;
}

.button input:hover{
    background-color:#ccc;
}

.table_title{
    background-color:#333;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
}

.list td{ border-bottom:1px solid #000; padding:5px 3px; }

.header{
    height:110px;
    margin:0 0 1px 0;
    background:url('../Images/bg_header.png') repeat-x 0 0;
    text-align:center;
    position:relative;
}

.footer{
    height:100px;
    margin:35px 0 0 0;
    text-align:center;
    font-size:11px;
}

.content{
    text-align:center;
    width:900px;
    overflow:hidden;
}

.content div{ margin-left:10px; }

.date{
    position:absolute;
    top:0;
    left:0;
    color:#FFFFFF;
    margin-top:75px;
}

.nom_connecte{
    position:absolute;
    top:0;
    right:3px;
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
}

.deconnection{
    position:absolute;
    top:60px;
    right:3px;
    padding:3px;
    font-size:15px;
    border:1px solid #000000;
    background-color:#e7e7e7;
}

.deconnection a{ color:#333333; display:block; }

#manage_box{ float:left; text-transform:uppercase; font-weight:bold; display:none; }

#manage_box select{ height:250px; width:225px; overflow:auto; margin-bottom:10px; }
#manage_box option{ padding:5px 3px; border-bottom:1px solid #888; }